<template>
    <a-drawer :width="450" title="系统设置" placement="right" :visible="visible" :closable="false" :destroy-on-close="destroyOnClose" :mask-closable="maskClosable" @close="close">
        <Form ref="formRef" />
    </a-drawer>
</template>
<script setup>
import { ref } from 'vue'
import { useModal } from '@iframe/tools/mixins/ModelDrawerMixins'
import Form from './Form.vue'

const { visible, destroyOnClose, maskClosable, close } = useModal()
const formRef = ref()

const open = () => {
    visible.value = true
}
defineExpose({ open })
</script>
